<template>
	<div class="title">
		<slot>
			<span>爆款推荐</span>
		</slot>
	</div>
</template>

<script>
</script>

<style scoped>
	.title{
		padding: 0.266667rem 0;
		width:100%;
		text-align: center;
		font-size: 0.426667rem;
	}
	.title span{
		position: relative;
	}
	/* 火爆旁边的两个点 */
	.title span::after{
		content: "";
		display:block;
		position: absolute;
		right: -0.5rem;
		top:50%;
		margin-top: -4px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		display: block;
		background: #d4c0a7;
	}
	.title span::before{
		    content: "";
			display: block;
			position: absolute;
			top:50%;
			left: -0.5rem;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #d4c0a7;
		}
</style>